{% extends "base.html" %}
{% import "_fiscal_extra.html" as fx with context %}
{% block titulo %}{{ 'Editar produto' if produto.id else 'Novo produto' }}{% endblock %}
{% block conteudo %}
<div class="topo">
  <div><h1>{{ 'Editar produto' if produto.id else 'Novo produto' }}</h1><p>Os dados fiscais abaixo são sugeridos automaticamente na hora de emitir a nota.</p></div>
  <div class="acoes"><a class="btn" href="{{ url_for('produtos') }}">Voltar</a></div>
</div>
<form class="cartao" method="post" id="form-produto" data-avisar-saida>
  <div class="corpo"><div class="campos">
    <div class="secao-titulo">Grupo</div>
    <div class="c6"><label>Grupo do produto</label>
      <select name="grupo_id" id="sel-grupo">
        <option value="">Sem grupo</option>
        {% for g in grupos %}<option value="{{ g.id }}" {{ 'selected' if produto.grupo_id == g.id }}>{{ g.nome }}</option>{% endfor %}
      </select></div>
    <div class="c6" style="align-self:end;display:flex;gap:10px;align-items:center;flex-wrap:wrap">
      <button type="button" class="btn" id="usar-trib-grupo" style="display:none">Usar a tributação padrão do grupo</button>
      <a class="peq" href="{{ url_for('grupo_form') }}">+ Criar grupo</a>
    </div>
    <div class="secao-titulo">Dados do produto</div>
    <div class="c3"><label>Código</label><input name="codigo" value="{{ produto.codigo or '' }}" required maxlength="60"></div>
    <div class="c9"><label>Descrição</label><input name="descricao" value="{{ produto.descricao or '' }}" required maxlength="120"></div>
    <div class="c3"><label>NCM</label><input name="ncm" value="{{ produto.ncm or '' }}" required placeholder="8 dígitos"></div>
    <div class="c3"><label>CEST <span class="opc">(se houver ST)</span></label><input name="cest" value="{{ produto.cest or '' }}"></div>
    <div class="c3"><label>Código de barras (EAN)</label><input name="ean" value="{{ produto.ean or '' }}"></div>
    <div class="c3"><label>Unidade</label><input name="unidade" value="{{ produto.unidade or 'UN' }}" maxlength="6" list="unidades">
      <datalist id="unidades"><option>UN</option><option>KG</option><option>G</option><option>L</option><option>ML</option><option>CX</option><option>PCT</option><option>SC</option><option>DZ</option><option>M</option><option>M2</option><option>M3</option><option>TON</option></datalist></div>
    <div class="c3"><label>Preço de venda (R$)</label><input name="preco" value="{{ produto.preco or '' }}" inputmode="decimal"></div>
    <div class="c3"><label>Custo (R$) <span class="opc">(opcional)</span></label><input name="custo" value="{{ produto.custo or '' }}" inputmode="decimal"></div>
    <div class="c6"><label>Origem da mercadoria</label><select name="origem">{% for k, v in ORIGENS.items() %}<option value="{{ k }}" {{ 'selected' if (produto.origem or '0') == k }}>{{ v }}</option>{% endfor %}</select></div>

    <div class="secao-titulo">CFOP</div>
    <div class="c3"><label>Venda dentro do estado</label><input name="cfop_interno" value="{{ produto.cfop_interno or '5102' }}" maxlength="4"></div>
    <div class="c3"><label>Venda para outro estado</label><input name="cfop_externo" value="{{ produto.cfop_externo or '6102' }}" maxlength="4"></div>
    <div class="c6 ajuda" style="align-self:end">Ex.: 5101/6101 produção própria · 5102/6102 revenda · 5405/6404 revenda com ST.</div>

    {% if MODULOS.beneficios %}<div class="secao-titulo">Benefício fiscal</div>
    <div class="c6"><label>Benefício fiscal do produto</label>
      <select name="beneficio">
        <option value="" {{ 'selected' if not produto.beneficio }}>Usar o do grupo (se houver)</option>
        <option value="nenhum" {{ 'selected' if produto.beneficio == 'nenhum' }}>Nenhum (tributação abaixo)</option>
        {% for k, b in BENEFICIOS.items() if b.ativo %}<option value="{{ k }}" {{ 'selected' if produto.beneficio == k }}>{{ b.nome }}</option>{% endfor %}
      </select></div>
    <div class="c6 ajuda" style="align-self:end">Com benefício, a nota usa a tributação definida em <a href="{{ url_for('beneficios_pagina') }}">Fiscal → Benefícios fiscais</a> (ICMS, PIS/COFINS, IBS/CBS e o texto legal), no lugar dos campos abaixo.</div>{% endif %}

    <div class="secao-titulo">Estoque</div>
    <div class="c3"><label>Estoque mínimo <span class="opc">(alerta)</span></label><input name="estoque_minimo" value="{{ produto.estoque_minimo or '' }}" inputmode="decimal"></div>
    <div class="c5" style="align-self:end"><label class="check"><input type="checkbox" name="controla_estoque" value="1" {{ 'checked' if produto.controla_estoque in (None, 1, '1') }}><span>Controlar estoque deste produto</span></label></div>
    {% if produto.id %}<div class="c4" style="align-self:end"><a class="btn" href="{{ url_for('estoque_produto', pid=produto.id) }}">{{ icone('caixa') }} Ver movimentação do estoque</a></div>{% endif %}

    <div class="secao-titulo">ICMS</div>
    <div class="c6"><label>CST do ICMS</label><select name="icms_cst">{% for k, v in ICMS_CST.items() %}<option value="{{ k }}" {{ 'selected' if (produto.icms_cst or ICMS_CST_PADRAO) == k }}>{{ v }}</option>{% endfor %}</select></div>
    <div class="c3"><label>Alíquota ICMS (%)</label><input name="icms_aliq" value="{{ produto.icms_aliq or '' }}" placeholder="{{ cfg.aliq_icms }}"></div>
    <div class="c3"><label>Redução da base (%) <span class="opc">CST 20/70</span></label><input name="icms_red_bc" value="{{ produto.icms_red_bc or '' }}"></div>
    {{ fx.campos('name', produto) }}

    <div class="secao-titulo">PIS / COFINS</div>
    <div class="c6"><label>CST do PIS</label><select name="pis_cst">{% for k, v in PIS_COFINS_CST.items() %}<option value="{{ k }}" {{ 'selected' if (produto.pis_cst or PIS_CST_PADRAO) == k }}>{{ v }}</option>{% endfor %}</select></div>
    <div class="c6"><label>CST da COFINS</label><select name="cofins_cst">{% for k, v in PIS_COFINS_CST.items() %}<option value="{{ k }}" {{ 'selected' if (produto.cofins_cst or PIS_CST_PADRAO) == k }}>{{ v }}</option>{% endfor %}</select></div>

    <div class="secao-titulo">IBS / CBS (Reforma Tributária)</div>
    <div class="c6"><label>CST do IBS/CBS</label><select name="ibscbs_cst">{% for k, v in IBSCBS_CST.items() %}<option value="{{ k }}" {{ 'selected' if (produto.ibscbs_cst or '000') == k }}>{{ v }}</option>{% endfor %}</select></div>
    <div class="c3"><label>cClassTrib</label><input name="cclasstrib" value="{{ produto.cclasstrib or '000001' }}" maxlength="6"></div>
    <div class="c3"><label>Redução de alíquota (%) <span class="opc">CST 200</span></label><input name="ibscbs_red" value="{{ produto.ibscbs_red or '' }}"></div>
    <div class="c12 ajuda">O cClassTrib precisa ser compatível com o CST (tabela oficial no Portal da NF-e). Na dúvida, confirme com seu contador.</div>
    <input type="hidden" name="fornecedor" value="{{ produto.fornecedor or '' }}">
  </div></div>
  <div class="rodape-form"><a class="btn" href="{{ url_for('produtos') }}">Cancelar</a>
    {% if not produto.id %}<button class="btn" name="continuar" value="1">Salvar e cadastrar outro</button>{% endif %}
    <button class="btn prim">Salvar produto</button></div>
</form>
{% endblock %}
{% block scripts %}
<script>
const GRUPOS = {{ grupos|tojson }};
const NOVO = {{ 'false' if produto.id else 'true' }};
const CAMPOS_TRIB = ['ncm', 'unidade', 'origem', 'cfop_interno', 'cfop_externo', 'icms_cst', 'icms_aliq', 'icms_red_bc', 'pis_cst', 'cofins_cst', 'ibscbs_cst', 'cclasstrib', 'ibscbs_red', 'st_modbc', 'st_mva', 'st_pauta', 'st_aliq', 'st_red_bc', 'st_fcp_aliq', 'fcp_aliq', 'ipi_cst', 'ipi_aliq', 'ipi_cenq', 'trib_aprox', 'deson_motivo', 'dif_perc'];
const fp = $('#form-produto');
function grupoAtual() { return GRUPOS.find((g) => String(g.id) === fp.grupo_id.value); }
function temTrib(g) { return g && CAMPOS_TRIB.some((k) => g[k]); }
function aplicarGrupo(g, soVazios) {
  CAMPOS_TRIB.forEach((k) => {
    const el = fp.elements[k];
    if (!el || !g[k]) return;
    if (soVazios && k === 'ncm' && el.value) return;
    el.value = g[k];
  });
}
function atualizarBotao() { $('#usar-trib-grupo').style.display = temTrib(grupoAtual()) ? '' : 'none'; }
fp.grupo_id.addEventListener('change', () => {
  const g = grupoAtual();
  if (NOVO && temTrib(g)) aplicarGrupo(g, true);
  atualizarBotao();
});
$('#usar-trib-grupo').addEventListener('click', () => { aplicarGrupo(grupoAtual(), false); fp.dataset.alterado = '1'; });
atualizarBotao();
</script>
{% endblock %}